<!-- head -->
<d-row class="s-head">
  <d-col [dSpan]="4"></d-col>
  <d-col [dSpan]="16">

  </d-col>
  <d-col [dSpan]="4">
    <d-avatar
      [imgSrc]="userInfo.userHead"
      [name]="userInfo.userName"
      style="position: relative;top:20px;left: 10px;"
      (click)="openDrawer($event)"
    >
    </d-avatar>
  </d-col>
</d-row>

<!-- left -->
<ng-template #drawerContent>
  <div [style.margin]="'20px 20px 0 20px'">
    <div *ngIf="!userLogin">
      <app-page-login
        (loginResult)="afterLoginMethod($event)"
      >
      </app-page-login>
    </div>
    <div *ngIf="userLogin">
      <app-page-user
        [userInfo]="userInfo"
        (logout)="logout()"
      >
      </app-page-user>
    </div>
  </div>
</ng-template>

<!-- inner-head -->
<d-row>
  <d-col [dSpan]="24">
    <div class="pane-content">
      <h2 style="text-align: center">Yuzuru Home</h2>
    </div>
  </d-col>
</d-row>
<!-- body block -->
<div *ngFor="let o of data;">
  <div class="pane-content">
    <app-img-block [data]="o"></app-img-block>
  </div>
</div>

<div style="height: 500px"></div>

<h5>see u.</h5>

